<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="app.AppInfo"%>
<%@page import="app.form.Form"%>
<%
    String resource = AppInfo.resource;
    Form form = new Form();
%>
<!DOCTYPE html>
<html>
    <head>
        <title>Check Point in Area JSP</title>
        <link href='<%=resource%>/css/style.css' rel='stylesheet' type='text/css' />
        <style>
            <%=form.renderCSS()%>
        </style>
        <script type='text/javascript' src='<%=resource%>/javascript/lib.js'></script>
        <script type='text/javascript' src='<%=resource%>/javascript/components.js'></script>
        <script type='text/javascript' src='<%=resource%>/javascript/LabJSP.js'></script>
        <script type='text/javascript'>
            <%=form.renderJS()%>
        </script>
    </head>
    <body onLoad='JavaScript: bodyReady();'>
        <h2>Лабораторная работа #2</h2>
        <a href="/CheckPointInAreaMP/">На главную</a><br />
        <p>Выполнили: <%=AppInfo.authors%></p>
        <p>Вариант: <%=AppInfo.variant%><p>
        <p>Группа: <%=AppInfo.group%><p>
        <div class='container'>
            <div class='form'>
                <img class='vargr' src='<%=resource%>/images/vargr.png' />
                <div class='form_container'>
                    <div class="selected_point">
                        <div class="title">
                            Выбранная точка <button onClick="JavaScript: resetSelectedPoint();">Сброс</button>
                        </div>
                        <div id="selectedPointValue" class="value"></div>
                    </div>
                    <%=form.renderHTML()%>
                </div>
            </div>
            <div class='result'>
                <p>Валидность</p>
                <div class='valid'></div>
                <p>Ответ от сервера</p>
                <div class='response'>
                    <i>Выберите точку и нажмите 'Отправить'</i>
                </div>
            </div>
        </div>
    </body>
</html>
